<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小慕医生-责任，品质，关爱</title>
    <meat name="Description" content=""></meat>
    <meta name="Keywords" content="美容，减脂，内科，外科">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 页面头部 -->
    <div class="header">
        <!-- 网页的logo -->
        <h1>小慕医生</h1>
        <!-- 页面的功能区 -->
        <div class="tool">
            <div class="tool_left">
                <img src="images/tel.png" alt="">
            </div>
            088-888888888
            <div class="tool_right">
                <img src="images/chinese_icon.png" alt="">
            </div>
            <div class="tool_right">
                <img src="images/english_icon.png" alt="">
            </div>
            <div class="tool_search">
                <input type="search" placeholder="找医生/科室">
                <div class="search_img">
                    <a href="#">
                        <img src="images/search.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面的的导航条 -->
    <div class="nav">
        <div class="w">
            <ul>
                <li><a href="#">页首</a></li>
                <li><a href="#">国家概况</a></li>
                <li><a href="#">医院动态</a></li>
                <li><a href="#">专家学科</a></li>
                <li><a href="#">服务指南</a></li>
                <li><a href="#">医院文化</a></li>
                <li><a href="#">信息公开</a></li>
                <li><a href="#">互动交流</a></li>
            </ul>
        </div>
    </div>
    <!-- 网页的banner -->
    <div class="banner">
        <div class="crop_left">
            <img src="images/左箭头.png" alt="">
        </div>
        <div class="crop_right">
            <img src="images/右箭头.png" alt="">
        </div>
        <div class="crop_p">
            责任，科学，严谨
        </div>
        <div class="crop_footer">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <!-- 页面的图片导航栏 -->
    <div class="icon">
        <ul>
            <li>
                <a href="#">
                    <img src="images/icon_jzxz.png" alt="">
                </a>
                <p>就诊须知</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_jzxz.png" alt="">
                </a>
                <p>就诊须知</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_jylc.png" alt="">
                </a>
                <p>就医流程</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_zjjs.png" alt="">
                </a>
                <p>专家介绍</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_ksjs.png" alt="">
                </a>
                <p>科室介绍</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_ybjy.png" alt="">
                </a>
                <p>医保就医</p>
            </li>
            <li>
                <a href="#">
                    <img src="images/icon_jktj.png" alt="">
                </a>
                <p>健康体检</p>
            </li>
        </ul>
    </div>
    <!-- 网页的主要内容 -->
    <div class="content">
        <!-- 常用链接 -->
        <!-- <div class="useful_links"></div> -->
        <!-- 医院动态,医院公告区域 -->
        <div class="news_and_notice">
            <!-- 医院动态 -->
            <div class="news">
                <div class="news_hd">
                    <div class="news_nav"></div>
                    <h2>医院动态</h2>
                </div>
                <div class="news_bd">
                    <div class="news_bd_left">
                        <p>“全国首届健康预防与商业医疗保险论坛”在北京医院举办 </p>
                    </div>
                    <div class="news_bd_right">
                        <ul>
                            <li>
                                <a href="#">
                                    <h1>年度医疗机构用血自查评分表和科室基本信息表</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>关于上报北京市医疗机构临床用血信息的通知</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>北京医院输血科通过验收并获批开展“临床基…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>国家药品监督管理局关于修订都梁软胶囊非处…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>关于将多拉司琼注射剂等药品纳入本市基本医…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>关于调整完善本市基本医疗保险门诊特殊疾病…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>广东省药学会：关于印发《超药品说明书用药…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <h1>人力资源社会保障部关于将36种药品纳入国家…</h1>
                                    <p>03-30</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 医院公告 -->
            <div class="notice">
                <div class="notice_hd">
                    <div class="news_nav"></div>
                    <h2>医院动态</h2>
                </div>
                <div class="notice_bd">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="item_left">01</div>
                                <div class="item_right">
                                    <h1>《养生堂》</h1>
                                    <p>公郭立新主任 特殊时期糖尿病人的新冠…</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="item_left">02</div>
                                <div class="item_right">
                                    <h1>《养生堂》</h1>
                                    <p>王少为主任 新型冠状病毒防控指引十八…</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="item_left">03</div>
                                <div class="item_right">
                                    <h1>《我要当医生》</h1>
                                    <p>谭玲副主任 李同舟 姚晨蕊药师</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="item_left">04</div>
                                <div class="item_right">
                                    <h1>《全名健康学院》</h1>
                                    <p>王建业院长 “医”路有你 健康同行</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="item_left">05</div>
                                <div class="item_right">
                                    <h1>《健康北京》</h1>
                                    <p>王建业院长 莫把衰老当病治</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 广告图片 -->
        <div class="ad_images">
            <img src="images/xuanchuan.png" alt="">
        </div>
        <!-- 科室介绍 -->
        <div class="dep_info">
            <div class="dep_info_hd">
                <div class="nav"></div>
                <h2>科室介绍</h2>
                <a href="#">查看更多>></a>
            </div>
            <div class="dep_info_bd">
                <ul>
                    <li>
                        <div class="hx-l"></div>
                        <p>内科</p>
                        <div class="hx-r"></div>
                    </li>
                    <li>
                        <a href="#">呼吸内科</a>
                        <a href="#">消化内科</a>
                    </li>
                    <li>
                        <a href="#">神经内科</a>
                        <a href="#">心血管内科</a>
                    </li>
                    <li>
                        <a href="#">肾内科</a>
                        <a href="#">血液内科</a>
                    </li>
                    <li>
                        <a href="#">免疫科</a>
                        <a href="#">内分泌科</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="hx-l"></div>
                        <p>肿瘤科</p>
                        <div class="hx-r"></div>
                    </li>
                    <li>
                        <a href="#">肿瘤内科</a>
                        <a href="#">肿瘤内科</a>
                    </li>
                    <li>
                        <a href="#">肿瘤妇科</a>
                        <a href="#">骨科瘤科</a>
                    </li>
                    <li>
                        <a href="#">放疗科</a>
                        <a href="#">肿瘤康复科</a>
                    </li>
                    <li>
                        <a href="#">肿瘤综合科</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="hx-l"></div>
                        <p>外科</p>
                        <div class="hx-r"></div>
                    </li>
                    <li>
                        <a href="#">普通外科</a>
                        <a href="#">神经外科</a>
                    </li>
                    <li>
                        <a href="#">心胸外科</a>
                        <a href="#">泌尿外科</a>
                    </li>
                    <li>
                        <a href="#">肝胆外科</a>
                        <a href="#">肛肠外科</a>
                    </li>
                    <li>
                        <a href="#">心血管外科</a>
                        <a href="#">烧伤科</a>
                    </li>
                    <li>
                        <a href="#">骨外科</a>
                        <a href="#">乳腺外科</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="hx-l"></div>
                        <p>儿科</p>
                        <div class="hx-r"></div>
                    </li>
                    <li>
                        <a href="#">儿科综合</a>
                        <a href="#">小儿内科</a>
                    </li>
                    <li>
                        <a href="#">小儿外科</a>
                        <a href="#">新生儿科</a>
                    </li>
                    <li>
                        <a href="#">儿童营养科</a>
                        <a href="#">消化内科</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 专家介绍 -->
        <div class="exp_info">
            <div class="exp_info_hd">
                <div class="nav"></div>
                <h2>专家介绍</h2>
                <a href="#">查看更多>></a>
            </div>
            <div class="exp_info_bd">
                <ul>
                    <li>
                        <a href="#">
                            <img src="images/Mask group1.png" alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:李琳</p>
                            <p>科室:肿瘤内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院肿瘤内科科室主任，党支部书记，副教授，硕士研究生导师，中国老年肿瘤专业委员会肺癌分委会常务委员，北京医学……</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/Mask group2.png " alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:毛永辉</p>
                            <p>科室:肾脏内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院肾内科主任，主任医师，硕士研究生导师。1989年毕业于华西医科大学临床医学院，后在北京医院内科、肾内科工作……</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/Mask group3.png" alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:黄慈波</p>
                            <p>科室:风湿免疫科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任，北京大学医学部风湿免疫系副主任；海峡两岸医师交流协会风湿免疫……</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/Mask group4.png" alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:曹素艳</p>
                            <p>科室:特需医疗部</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院特需医疗部（健康管理中心）/全科医疗部主任，老年与全科医学中心副主任，主任医师，医学硕士。北京大学医学部硕士……</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/Mask group5.png" alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:陈海波</p>
                            <p>科室:神经内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院神经内科主任，主任医师，北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……</p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/Mask group6.png" alt="">
                        </a>
                        <div class="nav">
                            <p>姓名:jack</p>
                            <p>科室:普通外科</p>
                            <p>职称:主任医师</p>
                            <p>介绍：北京医院普通外科主任，胃肠外科主任，北京大学医学部硕士研究生导师，1985年毕业于白求恩医科大学，从事普外科临床工……</p>
                        </div>
                    </li>
                </ul>
            </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <!-- 友情链接 -->
        <div class="friend-links">
            <h1>
                友情链接
            </h1>
            <ul>
                <li><a href="#">院长信箱</a></li>
                <li><a href="#">投诉信箱</a></li>
                <li><a href="#">在线调查</a></li>
                <li><a href="#">地理位置</a></li>
                <li><a href="#">网站地图</a></li>
                <li><a href="#">网站帮组</a></li>
                <li><a href="#">隐私声明</a></li>
            </ul>
        </div>
        <!-- 小慕医生联系方式 -->
        <div class="address">
            <h1>小慕医生</h1>
            <ul>
                <li>地址:北理工国防大厦111号</li>
                <li>邮编:666666</li>
            </ul>
            <ul>
                <li>电话:088-888888888</li>
                <li>网址：http://imooc.com</li>
            </ul>
            <ul>
                <li>邮箱：kefu@imooc.com</li>
                <li>举报热线：088-88888888</li>
            </ul>
        </div>
    </div>
</body>

</html>